<div class="gc-head-top">
    <div class="g-container">
        <div class="mc-text-login f-fl">
            您好！欢迎来到农化圈！
            <a class="link" href="{:url('home/Public/userlogin')}">请登录</a>
            <span class="spilt">|</span>
            <a class="link" href="{:url('home/Public/userreg')}">免费注册</a>
        </div>
        <div class="mc-menu-drop-down f-fr">
            <a href="javascript:;" class="trigger">帮助中心<span class="iconfont icon-sanjiaojiantoutriangular"></span></a>
            <ul class="drop-down">
                <li><a href="javascript:;" class="item">公司简介</a></li>
                <li><a href="javascript:;" class="item">荣誉资质</a></li>
                <li><a href="javascript:;" class="item">工程案例</a></li>
                <li><a href="javascript:;" class="item">典型客户</a></li>
                <li><a href="javascript:;" class="item">联系我们</a></li>
            </ul>
        </div>
        <span class="spilt f-fr">|</span>
        <div class="mc-qrcode-layer f-fr">
            <div class="trigger">
                <span class="iconfont icon-shouji"></span>手机<span class="iconfont icon-sanjiaojiantoutriangular"></span>
            </div>
            <div class="qrcode-main">
                <img src="../static/images/qrcode.png" alt="">
            </div>
        </div>
        <span class="spilt f-fr">|</span>
        <div class="mc-menu-drop-down f-fr">
            <a href="/home/user.index/index.html" class="trigger">会员中心<span class="iconfont icon-sanjiaojiantoutriangular"></span></a>
            <ul class="drop-down">
                <li><a href="javascript:;" class="item">个人资料</a></li>
                <li><a href="javascript:;" class="item">订单中心</a></li>
                <li><a href="javascript:;" class="item">我的收藏</a></li>
                <li><a href="javascript:;" class="item">收货地址</a></li>
            </ul>
        </div>
    </div>
</div>
<div class="gc-head">
    <div class="g-container">
        <div class="left">
            <a href="/"><img src="../static/nhq_img/logo.png" class="logo" alt=""></a>
        </div>
        <div class="middle">
            <div class="mc-head-search2">
                <div class="search-form">
                    <form action="">
                        <select name="type" id="" class="search-select">
                            <option value="goods">商品</option>
                            <option value="goods">商家</option>
                            <option value="goods">资讯</option>
                        </select>
                        <input type="text" class="keyword" name="goods_name" placeholder="请输入产品型号或名称进行检索"/>
                        <button class="search-btn" type="submit">搜索</button>
                    </form>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="mc-head-cart2">
                <a class="cart-trigger" href="{:url('cart')}">
                    <span class="iconfont icon-gouwuche icon"></span>
                    我的购物车
                    <div class="corner">
                        <span class="num">12</span>
                        <span class="iconfont icon-qipao "></span>
                    </div>
                </a>
                <div class="cart-list-box">
                    <div class="cart-goods-box">
                        <ul class="cart-goods-list">
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp1.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp2.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp3.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                            <li class="item">
                                <div class="img-thumb">
                                    <a href="javascript:;"><img src="../static/images/cp4.jpg" alt=""></a>
                                </div>
                                <div class="text-info">
                                    <a href="javascript:;">佐敦（jotun）Jotamastic 70 维修专用低表面处理环氧底漆</a>
                                </div>
                                <div class="goods-price">
                                    ￥399.99*1
                                    <a href="" class="del">删除</a>
                                </div>
                            </li>
                        </ul>

                    </div>
                    <div class="cart-total">
                        <div class="info">
                            共7件商品，共计￥23890.00元
                        </div>
                        <a href="{:url('/home/Cart/index')}" class="cart-btn">
                            去购物车
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<div class="gc-nav">
    <div class="g-container">
        <ul class="mc-categorybox-nav">
            <li class="trigger">全部商品分类</li>
            {volist name=":format_tree_cat(goods_cache_cat(), $pid = 0)" id="vo" key="k"}
            <li class="mainCate {eq name="k%2" value="0"}evenLeval{/eq}" >
                <div class="cat-box">
                    <span class="icon icon1"></span>
                    <a href="{$vo.url}" class="cat-name">{$vo.cat_name}</a>
                    <p>
                        {volist name="vo.children" id="two"}
                        <a href="{$two.url}" class="cat-link">{$two.cat_name}</a>
                        {/volist}
                    </p>
                </div>
                <div class="subCate">
                    <div class="cat-items">
                        <h4 class="cat-tit">品牌</h4>
                        {volist name=":shop_brand_list($vo.cid, $num = -1)" id="vo"}
                        <a href="{$vo.url}" class="item-link">{$vo.brand_name}</a>
                        {/volist}
                    </div>
                </div>
            </li>
            {/volist}
            <li class="mainCate">
                <div class="cat-box">
                    <a href="javascript:;" class="block-link"></a>
                    <span class="icon icon3"></span>
                    <div class="cat-name">限时特惠</div>
                    <p>更多限时优惠产品</p>
                </div>
            </li>
            <li class="mainCate evenLeval">
                <div class="cat-box">
                    <a href="javascript:;" class="block-link"></a>
                    <span class="icon icon4"></span>
                    <a href="javascript:;" class="cat-name">集采推荐</a>
                    <p>
                        更多集采活动
                    </p>
                </div>
            </li>
        </ul>
        <div class="index-nav" style="padding-left:210px;">
            <ul class="mc-block-nav2">
                <li class="m">
                    <h3><a class="link" href="/">首页</a></h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="{:url('goodsChannel')}">在线商城</a></h3>
                </li>
                <li class="m ">
                    <h3><a class="link" href="{:url('goodsLimit')}">限时特惠</a></h3>
                </li>
                <li class="m">
                    <h3>
                        <a class="link" href="{:url('groupBuy')}">
                            集合采购
                            <i class="tag"><img src="../static/images/hot2.gif" alt=""></i>
                        </a>
                    </h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="{:url('newsChannel')}">农化资讯</a></h3>
                </li>
                <li class="m">
                    <h3><a class="link" href="{:url('supplier')}">供应商入驻</a></h3>
                </li>
                <li class="block"></li><!-- 滑动块 -->
            </ul>
            <script type="text/javascript">
                (function(){
                    var ind = 2; //初始位置
                    var nav= jQuery(".mc-block-nav2");
                    var init = jQuery(".mc-block-nav2 .m").eq(ind);
                    var block = jQuery(".mc-block-nav2 .block"); //滑块
                    block.css({"left":init.position().left-3}); //初始化滑块位置
                    nav.hover(function(){},function(){ block.animate({"left":init.position().left-3},100); }); //移出导航滑块返回
                    jQuery(".mc-block-nav2").slide({
                        type:"menu", //效果类型
                        titCell:".m", // 鼠标触发对象
                        targetCell:".sub", // 效果对象，必须被titCell包含
                        delayTime:300, // 效果时间
                        triggerTime:0, //鼠标延迟触发时间
                        returnDefault:true,//on返回初始位置
                        defaultIndex:ind,//初始位置
                        startFun:function(i,c,s,tit){ //控制当前滑块位置
                            block.animate({"left":tit.eq(i).position().left-3},100);
                        }
                    });
                })()

            </script>

        </div>
    </div>
</div>
<script type="text/javascript">
    jQuery(".mc-categorybox-nav").slide({
        type:"menu", //效果类型
        titCell:".mainCate", // 鼠标触发对象
        targetCell:".subCate", // 效果对象，必须被titCell包含
        delayTime:0, // 效果时间
        triggerTime:0, //鼠标延迟触发时间
        defaultPlay:false,//默认执行
        returnDefault:true//返回默认
    });
</script>